@import "Appointment.less";

.item-content{

}

.item-desc{
  float: left;
  width: 75%;
}
.item-button{
  float: right;
  width: 25%;
}
.hidden{
  display: none;
}
.small-button{
  width: 1rem;
  height: 0.4rem;
  font-size: 0.14rem;
  background-color: #00afce;
  line-height: 0.4rem;
  padding: 0px;
  color: #ffffff;
  margin-top: 1rem;
}

.item-servicename{
  font-size:0.24rem;
  padding: 0.05rem 0.1rem;
}
.item-applytime{
  font-size:0.14rem;
  padding: 0.05rem 0.1rem;
}
.item-branchname{
  font-size:0.14rem;
  padding: 0.05rem 0.1rem;
}
.item-salename{
  font-size:0.14rem;
  padding: 0.05rem 0.1rem;
}

.item-warpper {
  padding: .3rem;

  background: #f7f7f7;

  min-height: 100%;
}

.item-context {
  margin-bottom: .3rem;
  // padding: 0 .3rem;
  border: 1px solid #e8e8e8;

  background: #ffffff;
}

.item-header {
  margin-left: .35rem;
  font-size: .32rem;

  color: #383838;
  padding-top: .3rem;
  padding-bottom: .2rem;

  border-bottom: 1px solid #e8e8e8;
}

.item-options {
  padding: .3rem;
}

.item-text {
  font-weight: 300;
  color: #919191;
  display: block;
  font-size: .3rem;
}

.item-text:not(:first-child) {
  margin-top: .1rem;
}

.item-footer {
  padding: .15rem;
  border-top: 1px solid #e8e8e8;
}

.btn-cancel {
  .btn-standard();

  font-size: .28rem;
  border: 1px solid #fd8166;
  color: #fd8166;

  width: auto;
  height: auto;
  letter-spacing: 1px;
  background: transparent;

  border-radius: 15px;
  float: right;
}

:global {
  html, body {
    background: #f7f7f7
  }
}

.clearfix:after {
  content:""; 
  display: block; 
  clear:both; 
}

.wrap {
  padding-bottom: 0;
}

.f-c() {
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-line() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b-radius() {
  border-radius: .241546rem;
  -webkit-border-radius: .241546rem;
  -moz-border-radius: .241546rem;
}

.slideUp {
  height: 0;
  display: none;
}


@themeColor: #19CAD9;
.appBodyWrap {
  .f-c();
  flex-flow: column;
  font-weight: bold;
  width: 81%;
  padding: .362319rem;
  margin: 0 auto;
  .appItemWrap {
    .b-radius();
    margin-top: .362319rem;
    font-size: .338164rem;
    border: .02029rem solid @themeColor;
    width: 100%;
    overflow: hidden;
    background: rgba(25, 202, 217, 0.1);
    padding: .362319rem;
    .itemTitle {
      .show-line();
      color: #333;
      font-size: .386473rem;
      padding: 0 .2657rem .338164rem;
      border-bottom: .024155rem solid @themeColor;
    }
    .itemBody {
      padding-left: .2657rem;
      div:nth-child(n+1) {
        .show-line();
        padding-top: .289855rem;
      }
      .itemCollapse {
        float: right;
        color: @themeColor;
      }
    }
  }
  .appItemWrap:first-child {
    margin-top: 0;
  }
}

/* 2021/2/22 */
.indexWrap {
  :global {
    .am-tabs-tab {
      border: none;
    }

    .am-tabs-tab-active {
      color: #19CAD9;
    }

    .am-tabs-ink-bar {
      position: absolute;
      top: 0;
      height: .096618rem;
      background-color: #19CAD9;
    }
    .am-tabs-bar {
      box-shadow: 0px .024155rem .048309rem #E5E5E5;
      margin-bottom: .169082rem;
    }
    .am-wingblank-lg {
      margin: 0 .483092rem;
    }
    .am-tabs-tab {
      font-size: .338164rem;
    }
  }
}